<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<html>
<!--
<script type="text/javascript"  
    src="logger.js"     //(必须)logger.js文件路径 
    enabled = true      //(可选)是否启用log功能  是:true(默认)/否:false 
    lang = "cn"         //(可选)界面初始语言  中文:cn(默认)/英文:en 
    time = false        //(可选)时刻显示开关  显示:true/隐藏:false(默认) 
    contextmenu = false //(可选)右键开关 有效:true(默认)/无效:false 
    skin = false        //(可选)右键菜单皮肤切换 支持切换:true/不支持切换:false(默认) 
    highlighter = false //(可选)代码高亮 使用:true(默认)/不使用:false 
    suspended = false   //(可选)控制台悬浮开关 支持悬浮:true(默认)/不支持悬浮:false 
    cookie = false      //(可选)是否支持cookie 支持:true(默认)/不支持:false 
    buffereffect = false//(可选)是否支持打开缓冲效果 支持:true/不支持:false(默认)
    simplemode= false   //(可选)是否以简易模式显示控制台 简易模式:true/标准模式:false(默认)
    min = false   		//(可选)是否初始显示为最小化 是:true/否:false(默认)
	moveborder = true   //(可选)拖动及调整日志Console大小时是否出现虚线框 是:true(默认)/否:false
	grayout = true      //(可选)拖动日志Console时底层页面元素是否灰显 是:true(默认)/否:false
	targetdiv="myDiv"   //(可选)将日志Console显示到指定ID的DIV中 
    ></script> 
--------------------------------------------------
备注: 
1.参数 enabled=false 时, 
  (1)其余参数均无效, 
  (2)控制台DIV、右键DIV不会被创建到当前document的body中. 
  (3)当前document中不会加载logger.css资源, 
2.参数 highlighter=false 时, 
  当前document中不会加载Highlighter.js资源 
3.参数 contextmenu = false 时, 
  右键DIV不会被创建到当前document的body中. 
4.参数 cookie=true 时, 
  移动或调整大小后,控制台的位置和尺寸信息记录到cookie中,页面刷新后总是会记录刷新前的位置、大小 
5.参数 skin = false 时, 
  右键菜单的肤色总是使用logger.css中配置的颜色. 
  参数 skin = true 时, 
  右键菜单的肤色切换模式可以在运行是进行设定,包含随即肤色模式、锁定肤色模式. 
6.参数 suspended=false时, 控制台的浮动特征失效. 
  参数 suspended=true时, 滚动条事件导致控制台在不在可视范围内时，自动浮动到可见视野内. 
7.其余参数相对好理解,不进行详细说明.
--------------------------------------------------
-->
<style type="text/css" media="screen">
    body { 
      background: #FFFD4; text-align:right;
    }
</style>
<script type="text/javascript" skinid=0 src="../../logger.js"  simplemode=false></script>

<script>
	window.onerror=$LoggerError;
	/**
		在logger.js中存在如下方法:
		function $alert(message,color){
			$Log.loginfo(message,color);
		}
		所以使用$alert语句就可以输出日志到控制台,如下:
		  $alert("hello world!","#F0F8FF");
		当然您也可以继续选择使用$Log.loginfo语句输出
		  $Log.loginfo("hello world!","#F0F8FF");
	**/
	function testUrl(){
		/**
		$Log.url({url地址},{代码高亮风格});
		**/

		$Log.url('http://www.baidu.com',"html");
		$Log.url('http://kingfishers.googlecode.com/svn/trunk/Kingfishers/kingfishers/logger.css',"css");
		$Log.url('http://kingfishers.googlecode.com/svn/trunk/Kingfishers/kingfishers/readme/Kingfishers.txt');
		$Log.url('http://ovsmbt.mop.com/ov.js',"js");  
	}
	function testType(){
		var abc;
		alert(abc,"#F0F8FF");//undefined测试
		
		abc="";
		$alert(alert);
		abc=null;
		$alert(abc);//null测试

		abc = {
		    field:"abc",
			func:function(){
				alert(this.field);
			},
			json:{
				jsonFunc:function(){},
				jsonField:"jsonField",
				jsonj:{
					jsonFunc:function(){},
					jsonField:"jsonField",
					jsonjj:{
						jsonFunc:function(){},
						jsonField:"jsonField",
						jsonj:{
							jsonFunc:function(){},
							jsonField:"jsonField"
						}
					}
				}
			}
		}

		alert(abc,"#DEB887");//object对象测试

		abc=$alert;
		alert(abc,"#7FFFD4");//function方法测试

		abc=["aaa","bbb","ccc","ddd","eee"]
		alert(abc,"#7FFF00");//array数组测试
		

		abc=(1==2);
		alert(abc,"#D2691E");//boolean布尔测试
		

		abc=1/3;
		alert(abc,"#FAEBD7");//number数字测试

		abc = 9/0;
		$alert(abc);

		alert($Log,"#EE82EE");//object再测试
		oneForPrintRecAngel(15);
	}
	function getStr(count,str){
		var ret="";
		for(var i=0;i<count;i++) ret+=str;
		return ret;
	}
	function oneForPrintRecAngel(count){
		for (var i = 1; i < count; i++) {
			var temp_space = 0; //用于处理空格的个数
			var temp_char = 0;  //用于处理字符的个数
			if (i <= count/2) {
				temp_space = i;
				temp_char = count - i * 2;
			} else {
				temp_space = count - i;
				temp_char = i % (count/2) * 2;
			}
			var printStr  = getStr(temp_space,"　");
				printStr += getStr(temp_char,"◇");
				printStr += getStr(temp_space,"　");
				printStr += "信息 - 左空格:"+temp_space+" 字符:"+temp_char+" 右空格:"+temp_space;
			$alert(printStr);
		}
	}
	function testError(obj) {
		alert(asdf);
	}
	function testDOM() {
		$alert(document.getElementById("ssddddd"));
	}
</script>

<body>
<a href="../../example.htm"><img src="../kingfishers.PNG" align=left border=0></img></a><br>
<input type="button" value="DOM元素属性输出" onclick="testDOM()">
<input type="button" id="aabb" value="URL及代码高亮测试" onclick="testUrl()">&nbsp;&nbsp;&nbsp;
<input type="button" value="类型测试" onclick="testType()">&nbsp;&nbsp;&nbsp;
<input type="button" onclick="testError(this)" value="错误拦截测试">
<select id="ssddddd">
<option>aaa</option>
<option>bbb</option>
<option>ccc</option>
<option>ddd</option>
</select>

</body>